<template>
  <nuxt-link :to="`${to}`" append><slot></slot></nuxt-link>
</template>
<script>
import config from "@/http/config.js";
export default {
  name: "LiLink",
  props: {
    to: {
      type: String,
      default: "",
    },
  },
  watch: {
    to: {
      handler: function (n) {
        if (n) {
          this.url = config.DOMIAN + n;
          console.log(this.url)
        }
      },
      immediate: true,
    },
  },
  data() {
    return {
      url: "",
    };
  },
  methods: {},
};
</script>
<style lang="less" scoped>
</style>